//------------------------------------字体常量-----------------------------------
//页面最小高度
$min-height:1080px;

//字体颜色
$font-color-normal:#d6e0f2;
$color-warn:#fdcb5e;
$color-border:#438eae;
$color-active:#1a6f84;

//PC：1920*1080-字体
//@media screen and (max-width: 1921px){
//  //字体大小
//  $font-normal:12px;
//  $main-title:26px;
//  $sub-title:22px;
//  $chart-title:18px;
//}

//@media screen and (min-width: 1921px){

  $font-normal:16px;
  $font-mid:18px;
  $font-big:20px;
  $font-title:22px;
  $list-font:15px;

  $main-title:26px;
  $sub-title:22px;
  $nav-font:24px;
  $input-font:18px;
//}


//1920下字体

$min-main-title:28px;
$min-sub-title:22px;
$min-panel-font:20px;
$min-list-font:18px;
$min-input-font:16px;


//------------------------------------公共class-----------------------------------
//清除浮动
@mixin clearfix {
  &:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
// 图表标题
@mixin linearTitle{
  height: 34px;
  line-height: 34px;
  width: 300px;
  text-indent: 10px;
  margin: 0;
  font-size: $font-mid;
  //font-weight: bold;
  letter-spacing: 1px;
  background: linear-gradient(to right, rgba(67, 142, 174, 1), rgba(67, 142, 174, 0));
  text-align: left;
}

// 模糊边框
@mixin borderBlur{
  border: 2px solid #438eae;
  box-shadow:0px 0px 30px rgba(67, 142, 174, 0.9) inset;
  //background: url("../../../static/images/index/top-left.png") no-repeat -2px -2px,
  //url("../../../static/images/index/top-right.png") no-repeat right top,
  //url("../../../static/images/index/left-bottom.png") no-repeat left bottom,
  //url("../../../static/images/index/right-bottom.png") no-repeat right bottom;
  background-origin:border-box;
  background-clip: border-box;
  background-color: rgba(14, 14, 23, 0.9);
  //background-color: #4A8074;
}

@mixin inputBorder{
  border: 2px solid #236984;
}
// 确认按钮
@mixin linearBtn{
  height: 34px;
  line-height: 30px;
  width: 48px;
  font-size: $font-normal;
  background: linear-gradient(#0e8398, #065064);
  text-align: center;
  letter-spacing: 1px;
  border-radius: 1px;
}

.scroll-styled {
  overflow-y: auto;
}

.scroll-styled::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-left: 0;
  background: rgba(0, 0, 0, 0.1);
}

.scroll-styled::-webkit-scrollbar:hover {
  background: rgba(0, 0, 0, 0.15);
}

.scroll-styled::-webkit-scrollbar-track {
  background: none;
}

.scroll-styled::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, .1);
  background-color: #707070;
}


